<!--
 * @Author: your name
 * @Date: 2021-04-20 11:20:19
 * @LastEditTime: 2021-07-21 14:25:16
 * @LastEditors: Please set LastEditors
 * @Description: 工单详情进度条
 * @FilePath: \dolphin-data-center-front-end\src\pages\owns\detailProgress.vue
-->
<template>
  <a-card title="流程进度" :bordered="false">
    <a-steps progress-dot>
      <a-step :title="item.orgUserName" v-for="item in progressList" :key="item.id" :status="item.status">
        <div slot="description" v-if="item.finishedTime">{{ transferDate(item.finishedTime, 2) }}</div>
      </a-step>
    </a-steps>
  </a-card>
</template>

<script>
import { transferDate } from '@/utils/util';
export default {
  name: 'detailProgress',
  props: ['progressList'],
  methods: {
    transferDate,
  },
};
</script>

<style lang="less">
.ant-steps-label-vertical .progress-detail .ant-steps-item-content {
  width: 130px !important;
}
.ant-steps-label-vertical .progress-detail .ant-steps-item-icon {
  margin-left: 50px !important;
}
</style>
